<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HUAYU</title>
    <link href="css/header.css" rel="stylesheet" type="text/css">
    <link href="css/footer.css" rel="stylesheet" type="text/css">
    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/allGoods.css" rel="stylesheet" type="text/css">
</head>

<body>
    <!--[if lte IE 8]>
        <p class="browserupgrade">您的浏览器版本老的可笑，请到 <a href="http://browsehappy.com">这里</a> 更新，以获取最佳的体验</p>
    <![endif] -->
    <a name="top"></a>
    @@include('./header.html')
    <main>
        <figure class="figure">
            <img src="img/goods/dt.jpg" alt="图片" class="figure_img" />
        </figure>
        <article class="article">
            <h1>All the goods</h1>
            <p>Whether you are a regular Internet user or a professional website maker, you can use the launch page to
                design the most professional website.Take off page provides a lot of beautiful website, website
                templates and finished products almost cover built in various industries, today you just small changes
                on the template to complete their own websites, all this is free of charge.</p>
        </article>
        <section class="goodsList">
            <ul class="goodsList_ul" id="goodsClick">
                <li>
                    <figure class="figure">
                        <img src="img/goods/pz1.jpg" alt="图片" />
                        <figcaption class="figcaption">
                            <h6>植物花卉008</h6>
                            <p>¥5900</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure class="figure">
                        <img src="img/goods/hpl2.jpg" alt="图片" />
                        <figcaption class="figcaption">
                            <h6>植物花卉007</h6>
                            <p>¥5900</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure class="figure">
                        <img src="img/goods/gh3.jpg" alt="图片" />
                        <figcaption class="figcaption">
                            <h6>植物花卉006</h6>
                            <p>¥5900</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure class="figure">
                        <img src="img/goods/mrr4.jpg" alt="图片" />
                        <figcaption class="figcaption">
                            <h6>植物花卉005</h6>
                            <p>¥5900</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure class="figure">
                        <img src="img/goods/h5.jpg" alt="图片" />
                        <figcaption class="figcaption">
                            <h6>植物花卉004</h6>
                            <p>¥5900</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure class="figure">
                        <img src="img/goods/dl6.jpg" alt="图片" />
                        <figcaption class="figcaption">
                            <h6>植物花卉003</h6>
                            <p>¥5900</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure class="figure">
                        <img src="img/goods/xx7.jpg" alt="图片" />
                        <figcaption class="figcaption">
                            <h6>植物花卉002</h6>
                            <p>¥5900</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure class="figure">
                        <img src="img/goods/dr8.jpg" alt="图片" />
                        <figcaption class="figcaption">
                            <h6>植物花卉001</h6>
                            <p>¥5900</p>
                        </figcaption>
                    </figure>
                </li>
            </ul>
        </section>
    </main>
    @@include('./footer.html')
    <script src="js/jquery.min.js"></script>
    <script src="js/header.js"></script>
    <script src="js/publicFunction.js"></script>


    <script>
        window.onload = function () {
            /* 头部js */
            heardShow();
            //导航栏定位,宽度>800 高度>189.6
            $(window).scroll(function(event) {
                if ($(window).width() > 800 && $(window).scrollTop() > 190) {
                    $('.webHeader_nav2_ul').css({ 'position': 'fixed', 'top': '0px', 'background-color': '#fff', 'z-index': '2' });
                    $('.webHeader_nav2_ul li').css('margin', '3rem 2rem 2rem')
                } else {
                    $('.webHeader_nav2_ul').css({ 'position': 'unset', 'background-color': 'transparent' });
                    $('.webHeader_nav2_ul li').css('margin', '0 4rem')
                }
            });
            /* 点击跳转页面 */
            goodsClick($("#goodsClick li"));
            //初始化购物车数量
            allNumberCountent();
        }
    </script>
</body>

</html>
